动的特点：
1、 当浮动元素上一行是正常元素，这个浮动元素只能待在当前行，不能跑到上一行；
2、 左浮动：元素会向左跑，会从上一行最右边出来继续往左跑，直到遇到有浮动属性的元素，才会停止
3、 右浮动，元素会向右跑，会从上一行最左边出来继续往右跑，直到遇到有浮动属性的元素，才会停止；
4、 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<link rel="stylesheet" href="rerest.css">
<!--引入是为了去盒子边距-->
<style type="text/css">
ul li { list-style-type: none;}
ul{width:300px;margin:50px auto; background:#f2f2f2;
color:white;font-size:30px;text-align:center;line-height:100px;
}
li{width:100px;height:100px; }
.a{background:red;height:100px;
}
.b{background:green;
}
.c{background:blue;}
</style>
</head>
<body>
<!--ul>li*3-->
<ul>
<li class="a">1</li>
<li class="b">2</li>
<li class="c">3</li>
</ul>
</body>
</html>
返回值：
改成：
li{width:100px;height:100px;float:left; }
改成：
li{width:100px;height:100px;float:right; }
改成以下代码可看出浮动的情况：
li{width:100px;height:100px; }
.a{background:red;height:100px;
}
.b{background:green;float:right;
}
.c{background:blue;float:right;}
返回值：
